<form id="sysmenuForm" lay-filter="menuForm" class="layui-form model-form">
  <div class="layui-form-item">
    <label class="layui-form-label">父级<span style="color: red;">*</span></label>
    <div class="layui-input-block">
      <!--<input id="parentIdTree" lay-filter="tree" name="parentId" placeholder="请输入父级编号" type="text" class="dtree layui-input" lay-verify="required" required-->
      <!--    autocomplete="off"/>-->
      <ul id="parentIdTree" class="dtree" data-id="0"></ul>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">名称<span style="color: red;">*</span></label>
    <div class="layui-input-block">
      <input name="title" placeholder="请输入名称" type="text" class="layui-input" lay-verify="required" required/>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">权限规则<span style="color: red;">*</span></label>
    <div class="layui-input-block">
      <input name="name" placeholder="请输入权限规则" type="text" class="layui-input" lay-verify="required" required/>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">是否是菜单<span style="color: red;">*</span></label>
    <div class="layui-input-block">
      <select id="ismenu" name="ismenu" lay-verify="ismenu">
        <option value="1">菜单</option>
        <option value="0">节点</option>
      </select>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">附件条件<span style="color: red;">*</span></label>
    <div class="layui-input-block">
      <input id="condition" name="condition" placeholder="请输入附件条件" type="text" class="layui-input" autocomplete="off"/>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">排序</label>
    <div class="layui-input-block">
      <input name="sort" placeholder="请输入排序" type="text" class="layui-input"/>
    </div>
  </div>
  <div class="layui-form-item">
    <label class="layui-form-label">图标</label>
    <div class="layui-input-block">
      <input name="icon" placeholder="请输入图标" type="text" class="layui-input"/>
    </div>
  </div>
</form>
<script>
    var dtree = layui.dtree;
    var form = layui.form;
    dtree.renderSelect({
        elem: "#parentIdTree",
        width: "100%", // 可以在这里指定树的宽度来填满div
        url: '{:url("/admin/widget/widgetMenu")}',
        response: {
            statusName: "code", //返回标识（必填）
            statusCode: 200, //返回码（必填）
            message: "message", //返回信息（必填）
            rootName: "data", //根节点名称（必填）
            treeId: "id", //节点ID（必填）
            parentId: "pid", //父节点ID（必填）
            title: "name", //节点名称（必填）
            ficonClass: "ficonClass", //自定义一级图标class（v2.5.4版本新增）（非必填）
            iconClass: "iconClass", //自定义二级图标class（非必填）
            childName: "children", //子节点名称（默认数据格式必填）
            last: "last", //是否最后一级节点（true：是，false：否，布尔值，非必填）
            level: "level", //层级（v2.4.5_finally_beta版本之后，该属性移除）
            spread: "spread", //节点展开状态（v2.4.5_finally_beta版本新增。true：展开，false：不展开，布尔值，非必填）
            disabled: "disabled", //节点禁用状态（v2.5.0版本新增。true：禁用，false：不禁用，布尔值，非必填）
            hide: "hide", //节点隐藏状态（v2.5.0版本新增。true：隐藏，false：不隐藏，布尔值，非必填）
            checkArr: "checkArr", //复选框列表（开启复选框必填，默认是json数组。）
            checked: "checked", //是否选中（开启复选框，0-未选中，1-选中，2-半选。非必填）
            type: "type", //复选框标记（开启复选框，从0开始。非必填）
            basicData: "basicData" //表示用户自定义需要存储在树节点中的数据（非必填）
        }, // 这里指定了返回的数据格式，组件会根据这些值来替换返回JSON中的指定格式，从而读取信息
        checkbar: true,
        checkbarType: "only", // 默认就是all，其他的值为： no-all  p-casc   self  only
        formatter: {
            title: function (data) {  // 示例给有子集的节点返回节点统计
                var s = data.title+"("+ data.name+")";
                if (data.children) {
                    s += ' <span style=\'color:blue\'>(' + data.children.length + ')</span>';
                }
                return s;
            }
        },
        done: function () {
        }
    });
    //dtree.on("node('parentIdTree')", function (obj) {
    //    console.log(obj.param); // 点击当前节点传递的参数
    //    console.log(obj.dom); // 当前节点的jquery对象
    //    console.log(obj.childParams); // 当前节点的所有子节点参数
    //    console.log(obj.parentParam); // 当前节点的父节点参数
    //});
    //$(document).on('click','.layui-btn',function(obj){
    //    console.log(obj);
    //    layer.msg('hello');
    //});
    form.render();
</script>
